<!--视频上传页面-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link  rel="stylesheet" href="bootstrap-5.1.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="CSS/upload.css">
    <link rel="stylesheet" type="text/css" href="CSS/register.css">

</head>
<body>
<script src="bootstrap-5.1.1-dist/js/bootstrap.bundle.min.js"></script>

<form method="POST" action="http://localhost:8080/upload" enctype="multipart/form-data">
    <div class="imgaa">
        <img src="1.png">
    </div>
<div class="acscd">
    <p class="wqca">文件上传</p>
    <a href="javascript:;" class="file">选择视频
        <input type="file" name="video" id="video">
    </a>
    <hr style="height: 1px;border: none;border-top: 1px solid deepskyblue;margin-right: 40%"/>

    <p class="wqca">基本信息</p>
    <p>视频封面设置</p>

    <div class="imga">
        <a href="javascript:;" class="file">选择封面
            <input type="file" name="image" id="image" >
        </a>
        <div class="bnm">
        <img src="" alt="" >
        </div>
    </div>

    <p class="avc">*标题</p>

    <div class="input-group mb-3">
        <input type="text" style="margin-right:40%" class="form-control" placeholder="请输入标题">
    </div>

    <p class="avc">*标签</p>

    <div class="asa">
        <select class="form-select" aria-label="Default select example" >
            <option selected>生活</option>
            <option value="1">学习</option>
            <option value="2">科技</option>
            <option value="3">运动</option>
            <option value="4">游戏</option>
            <option value="5">娱乐</option>
            <option value="6">艺术</option>
        </select>
    </div>

    <div>
    <p>推荐标签：</p>
        <button type="button" class="btn btn-outline-secondary">搞笑</button>
        <button type="button" class="btn btn-outline-secondary">日常</button>
        <button type="button" class="btn btn-outline-secondary">逗比</button>
        <button type="button" class="btn btn-outline-secondary">搞笑视频</button>
        <button type="button" class="btn btn-outline-secondary">家居</button>
        <button type="button" class="btn btn-outline-secondary">装修</button>
        <button type="button" class="btn btn-outline-secondary">绘画</button>
        <button type="button" class="btn btn-outline-secondary">自制</button>
        <button type="button" class="btn btn-outline-secondary">新人</button>
        <button type="button" class="btn btn-outline-secondary">记录</button>
    </div>

    <div class="input-group mb-3">
        <input type="text" style="margin-right:40%;margin-top: 2%" class="form-control" placeholder="请输入标签">
    </div>

    <p class="avc">*视频简介</p>
    <textarea style="min-height:100px;min-width:60%;max-height:100px;max-width:60%;word-break:break-all;"placeholder="请输入视频简介"></textarea>
</div>

<div class="acsc">
    <button class="button2" type="submit">上传</button>
</div>

<div class="acscm">
    <button class="button3" type="submit">取消</button>
</div>

</form>
</body>
</html>